<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>OH-YEAH</title>

<link rel="stylesheet" type="text/css" href="css/style.css" />

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	var k=!0;

	$(".loginmask").css("opacity",0.8);
	
	if($.browser.version <= 6){
		$('#reg_setp,.loginmask').height($(document).height());
	}
	
	$(".thirdlogin ul li:odd").css({marginRight:0});	
	
	$(".openlogin").click(function(){
		k&&"0px"!=$("#loginalert").css("top")&&($("#loginalert").show(),$(".loginmask").fadeIn(500),$("#loginalert").animate({top:0},400,"easeOutQuart"));
	});
	
	$(".loginmask,.closealert").click(function(){
		k&&(k=!1,$("#loginalert").animate({top:-600},400,"easeOutQuart",function(){$("#loginalert").hide();k=!0;}),$(".loginmask").fadeOut(500));
	});
	
	$("#sigup_now,.reg a").click(function(){
		$("#reg_setp,#setp_quicklogin").show();
		$("#reg_setp").animate({left:0},500,"easeOutQuart");
	});																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																								
	
	$(".back_setp").click(function(){
		"block"==$("#setp_quicklogin").css("display")&&$("#reg_setp").animate({left:"100%"},500,"easeOutQuart",function(){$("#reg_setp,#setp_quicklogin").hide();});
	});
	
}); 
</script>
</head>
<body>

<div id="header">
	<ul class="login fr">
		<li class="openlogin"><a href="javascript:void(0);">登录</a></li>
		<li class="reg"><a href="javascript:void(0);">注册</a></li>
	</ul>
</div>

<div class="loginmask"></div>

<div id="loginalert">
	
	<div class="pd20 loginpd">
		<h3><i class="closealert fr"></i><div class="clear"></div></h3>
		<div class="loginwrap">
			<div class="loginh">
				<div class="fl">登录</div>
				<div class="fr">还没有账号<a id="sigup_now" href="javascript:void(0);">立即注册</a></div>
			</div>
			<form action="" method="post" id="login_form">
				<div class="logininput">
					<input type="text" name="username" class="loginusername" value="" placeholder="用户名" />
					<input type="text" class="loginuserpasswordt" value="" placeholder="密码" />
					<input type="password" name="password" class="loginuserpasswordp" style="display:none" />
				</div>
				<div class="loginbtn">
					<div class="loginsubmit fl"><input type="submit" value="登录" class="btn" /></div>
					<div class="fl" style="margin:26px 0 0 0;"><input id="bcdl" type="checkbox" checked="true" />保持登录</div>
					<div class="fr" style="margin:26px 0 0 0;"><a href="http://www.xwcms.net/">忘记密码?</a></div>
					<div class="clear"></div>
				</div>
			</form>
		</div>
	</div>
	
	<div class="thirdlogin">
		<div class="pd50">
			<h4>第三方登录</h4>
			<ul>
				<li id="sinal"><a href="http://www.baidu.com/">微博登录</a></li>
				<li id="qql"><a href="http://www.baidu.com/">QQ登录</a></li>
			</ul>
			<div class="clear"></div>
		</div>
	</div>
	
</div><!--loginalert end-->


<div id="reg_setp">
	<div class="back_setp">返回</div>
	<div class="blogo"></div>
	<div id="setp_quicklogin">
		<h3>您可以选择以下第三方帐号登录</h3>
		<ul class="quicklogin_socical">
			<li class="quicklogin_socical_weibo"><a href="http://www.baidu.com/">微博登录</a></li>
			<li class="quicklogin_socical_qq" style="margin:0;"><a href="http://www.baidu.com/">QQ登录</a></li>
		</ul>
	</div>
</div><!--reg_setp end-->
</body>
</html>